/* @mixin border-radius-4 {
    border-radius: 4px;
    -webkit-border-radius:4px;
} */


// @mixin sexy-border($width,$color:yellow) {
//     border:$width solid $color
// }

//解决1px问题
@mixin border-bottom($height,$color) {
    position:relative;
  
    &::after{
      position: absolute;
      display: block;
      left: 0;
      bottom: 0;
      width: 100%;
      border-top: $height solid $color;
      content: '';
    }
  }
  
  
  @mixin border-top($height,$color) {
      position:relative;
  
      &::after{
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        border-top: $height solid $color;
        content: '';
      }
  }